<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"><head>

    
        <meta content="text/html; charset=UTF-8" 
http-equiv="Content-Type">
        <title>Ext.DD 实现 portal </title>
        <style>
            body,html{height:100%;}
            .box{
                border:1px solid #999;
                margin:10px;
            }
            div{background:#FFF;}
            .handle{
            	cursor:default;
                padding:0px;
                margin:0px;
                background:#ccc;
            }
            #portal-wrapper{
                width:100%;
                height:50%;
            }
            #portal-wrapper td{
                vertical-align:top;
                width:33%;
                border:1px solid #f00;
            }
            .item-replace { 
								border:2px dotted black;
						}
        </style>
		<link rel="stylesheet" type="text/css" href="../../base/css/core.css">
       
    </head><body>
    
    <table id="portal-wrapper">
        <tbody><tr>
            <td class="portal-col" id="col1">
                <div class="box portal">
                    <h2 class="handle">Ext.dd portal</h2>
                    <div class="selectable">
                      
                          <img src="013-53.jpg" width="200">
 
                       
                        
                    </div>
                </div>
                <div class="box portal">
                    <h2 class="handle">drag me2</h2>
                    <div class="selectable">
                        asdfasdfasfsadfsadfsf
                    </div>
                </div>
                <div class="box portal">
                    <h2 class="handle">drag me3</h2>
                    <div class="selectable">
                        asdfasdfasfsadfsadfsf
                         
                    </div>
                </div>
            </td>
            <td class="portal-col" id="col2">
                <div class="box portal">
                    <h2 class="handle">drag me4</h2>
                    <div class="selectable">
                        asdfasdfasfsadfsadfsf
                    </div>
                </div>
                <div class="box portal">
                    <h2 class="handle">drag me5</h2>
                    <div class="selectable">
                        5555555555
                         <img src="012-53.jpg" width="200">
                    </div>
                </div>
                <div class="box portal">
                    <h2 class="handle">drag me5ext</h2>
                    <div class="selectable">
                          3exttt
                    </div>
            </div></td>
            <td class="portal-col" id="col3">
                <div class="box portal">
                    <h2 class="handle">drag me6</h2>
                    <div class="selectable">
                        asdfasdfasfsadfsadfsf
                        	 
                    </div>
                </div>
                 <div class="box portal">
                    <h2 class="handle">drag me7</h2>
                    <div class="selectable">
                     
                        	 <img src="011-53.jpg" width="200">
                    </div>
                </div>
                
                 <div class="box portal">
                    <h2 class="handle">drag me8</h2>
                    <div class="selectable">
                          88888
                    </div>
                </div>
            </td>
        </tr>
    </tbody></table>

    <script type="text/javascript" src="../../base/javascript/ext-core-min.js">
</script>
<script type="text/javascript" src="Layer-min.js">

</script>
<script type="text/javascript" src="../../base/javascript/dd-min.js">

</script>


<script type="text/javascript" src="dd-portal.js">

</script>
   
    </body></html>